<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="renderer" content="webkit" />
		<meta name="full-screen" content="yes" />
		<meta name="x5-fullscreen" content="true" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" href="./css/iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="./css/vip-centre.css"/>
		<script src="./js/lib/lib-flexible.js" type="text/javascript"></script>
		<script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<title>楼盘列表</title>
	</head>
	<body>
		<div class="container">
			<!-- 顶部导航 -->

			<div class="header">
				<div class="header-nav">
					<div class="left">
						<img src="./img/logo.png" alt="">
					</div>
					<div class="right" id="nav-btn">
						<i class="iconfont icon-menu"></i>
					</div>
					<div class="menus" id="menus">
						<ul class="layui-nav layui-nav-tree" lay-filter="test">
						  <li class="layui-nav-item">
						    <a href="javascript:;">解决方案</a>
						    <dl class="layui-nav-child">
						      <dd><a href="#">移动模块</a></dd>
						      <dd><a href="#">后台模版</a></dd>
						      <dd><a href="#">电商平台</a></dd>
						    </dl>
						  </li>
						  <li class="layui-nav-item"><a href="">产品</a></li>
						  <li class="layui-nav-item"><a href="">大数据</a></li>
						</ul>
					</div>
				</div>
			</div>


			<!-- banner -->
			<div class="banner gap-30">
				<a href="#">
					<img src="./img/vip-banner1.jpg" alt="">
					<div class="mask">
						<div class="explain">
							<h3 class="banner-title">
								MEMBER CENTER
							</h3>
							<h3 class="banner-title-small">
								会员中心
							</h3>
						</div>
					</div>
				</a>
			</div>
		
			<!-- 列表 -->
			<div class="container-part gap-30">
				<div class="user">
					<div class="user-base">
						<div class="avatar">
							<img src="./img/p-1.jpg" alt="" >
						</div>
						<div class="vip-time">
							<p class="title">会员到期时间</p>
							<p class="time">2023-02-23 14:30</p>
							<a href="#" class="buy" >立即购买</a>
						</div>
					</div>
					<div class="nickname">
						<h3>锟斤拷锟斤拷<span>13100002222</span></h3>
					</div>
					<div class="user-describe">
						<p>还差一句话简介,有趣的灵魂就会被发现呦！</p>
					</div>
				</div>
			</div>
			
			<div class="container-part gap-30">
				<div class="user-nav">
					<div class="layui-tab layui-tab-brief" >
					  <ul class="layui-tab-title">
					    <li class="layui-this">
							<a href="#">基本资料</a>
						</li>
					    <li>
							<a href="#">我的评论</a>
						</li>
						<li>
							<a href="#">浏览记录</a>
						</li>
					  </ul>
					  <div class="layui-tab-content" >
					    <ul class="layui-tab-item nav-content layui-show">
							<li class="nav-item-content">
								<div class="label">头像</div>
								<div class="content">
									<img src="./img/p-1.jpg" alt="" class="avatar">
								</div>
							</li>
							<li class="nav-item-content">
								<div class="label">账号</div>
								<div class="content">锟斤拷锟斤拷</div>
							</li>
							<li class="nav-item-content">
								<div class="label">个人简介</div>
								<div class="content"></div>
							</li>
							<li class="nav-item-content">
								<div class="label">电话</div>
								<div class="content">13100002222</div>
							</li>
							<li class="nav-item-content">
								<div class="label">密码</div>
								<div class="content">*******</div>
							</li>
						</ul>
					    <div class="layui-tab-item">
							<ul class="appraise-list">
									<li class="appraise-list-item">
										<div class="user-info">
											<div class="left">
												<img src="./img/p-1.jpg" class="user-avatar" alt="">
												<p class="user-nickname">锟斤拷锟斤拷</p>
												<p class="rate" data-rate="4"></p>
											</div>
											<div class="right">
												<span>
													<i class="iconfont icon-zanmianxing"></i>
													50
												</span>
												<span>
													<i class="iconfont icon-comment-filling"></i>
													23
												</span>
											</div>
										</div>
										<div class="appraise-text">
											龙眼收到了，非常新鲜，是正宗的高州龙眼，喜欢的赶紧买买买！
										</div>
										<div class="appraise-img">
											<img src="./img/p-1.jpg" alt="">
											<img src="./img/p-1.jpg" alt="">
										</div>
										<div class="appraise-specifications">
											<span class="buy-size">150G</span>
											<span class="buy-time">2021-05-04 07:43</span>
										</div>
									</li>
									<li class="appraise-list-item">
										<div class="user-info">
											<div class="left">
												<img src="./img/p-1.jpg" class="user-avatar" alt="">
												<p class="user-nickname">锟斤拷锟斤拷</p>
												<p class="rate" data-rate="4"></p>
											</div>
											<div class="right">
												<span>
													<i class="iconfont icon-zanmianxing"></i>
													50
												</span>
												<span>
													<i class="iconfont icon-comment-filling"></i>
													23
												</span>
											</div>
										</div>
										<div class="appraise-text">
											龙眼收到了，非常新鲜，是正宗的高州龙眼，喜欢的赶紧买买买！
										</div>
										<div class="appraise-img">
											<img src="./img/p-1.jpg" alt="">
											<img src="./img/p-1.jpg" alt="">
										</div>
										<div class="appraise-specifications">
											<span class="buy-size">150G</span>
											<span class="buy-time">2021-05-04 07:43</span>
										</div>
									</li>
								
								</ul>
							
						</div>
					    <div class="layui-tab-item">
							<ul class="records">
								<li class="records-item">
									<div class="left">
										<img src="./img/c-1.jpg" >
									</div>
									<div class="right">
										<p class="name">亚特兰蒂斯酒店</p>
										<p class="time">浏览时间 10-15 19:26</p>
									</div>
								</li>
								<li class="records-item">
									<div class="left">
										<img src="./img/c-1.jpg" >
									</div>
									<div class="right">
										<p class="name">亚特兰蒂斯酒店</p>
										<p class="time">浏览时间 10-15 19:26</p>
									</div>
								</li>
								<li class="records-item">
									<div class="left">
										<img src="./img/c-1.jpg" >
									</div>
									<div class="right">
										<p class="name">亚特兰蒂斯酒店</p>
										<p class="time">浏览时间 10-15 19:26</p>
									</div>
								</li>
							</ul>
						</div>
					  </div>
					</div> 
				</div>
			</div>
		
			
			
			
			

			<!-- 版权 -->
			<div class="section ">
				<div class="page-foot">
					<p>版权所有：Copyright © 2015-2019丰都宣传网</p>
					<p>渝ICP备15050430号 ICP证渝B2-20180118</p>
				</div>
			</div>
		</div>
	</body>
	<script>
		// layui.config({
		// 	base: './js/',
		// }).use('index')
	</script>
</html>
